<template>
  
  <div class="input-box">
    <input type="text" @keyup.13="addTodo" @blur="addTodo" placeholder="输入代办项">
  </div>

</template>

<style>
  
</style>

<script>

  export default {
    methods: {
      addTodo (e) {
        var oInput = e.target
        if (!oInput.value) {
          return;
        }
        this.$store.dispatch('addTodo', {text: oInput.value})
        oInput.value = ''
      }
    }
  }


</script>